﻿.spazio-col-box
			{
				display:block;
				width:20px;
				
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box; 				
			}







.box-menu /* caratteristiche da aggiungere a .colonna */
{
	
	display: flex;

	/* Giustifica verticalmente (parte dall'alto) tutti gli elementi inseriti all'interno di box-menu che sono flex */
	-webkit-align-items: flex-start;
			align-items: flex-start;
			
			
	/* Giustifica orizzontalmente (Centra) tutti gli elementi inseriti all'interno di box-menu che sono flex */
	-webkit-justify-content: center;
			justify-content: center;

	/* Dispone verticalmente gli elementi flex contenuti*/ 
	-webkit-flex-direction: column;
			flex-direction: column; 


	padding:0px; /* gestisce se scritte e immagini devono stare a filo bordo box oppure piu internamente */ 	
				
}
.personalizza-menu /* caratteristiche da aggiungere a .box-menu */
{
	background-color:#fff;
	border:solid 1px #bbb;
	border-radius: 2px;
	
}
		



			/* e una row-menu fatta per una immagine di testata del box-menu in posizione specifica (relative) */
			.logo-box-menu
			{
				position:relative; 
				margin:-65px auto; 
				width:100%;
				
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box; 					
			
			}



			.row-menu /* DIV riga contenuti in div .box-menu */
			{
				-webkit-flex: 1;
						flex: 1;
									
				text-align:center;
									
				width:100%;				

			}

				.stile-titolo-row-menu
				{
					text-align:center;
					padding-bottom:20px;
					
					color:#002e5f; 
					font-weight:bold; 
					font-size:20px;
				}	









	
				
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* ---------- gestione versione MOBILE sotto i 980px ----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 980px) 
{


.spazio-col-box{height:20px;}								
								
										
}		
		
		
		






		
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* ---------- gestione versione MOBILE schermi retina ----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/*and (-webkit-min-device-pixel-ratio: 2)*/
@media 
only screen and (min-resolution: 300dpi)
{





}










/* -------------------------------------------------------------------------------------------------------------------------------- */
/* ---------- gestione versione OLTRE 1220 PX ------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 1220px) 
{
	
	
	
	
		
}
